const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,
  // 代理服务器，
  // 注意的是，这个端口需要和你请求的哪个服务器保持一致
  // 其他不用改变
  // 这个代理只能配置一个，不能配置多个
  // 方式1
  // devServer:{
  //   proxy:'http://localhost:5000'
  // },
  // 方式2
  devServer:{
    proxy:{
      // 只要你写了某个特定的前缀，就会找这个对应的target，没写这里配置的任何前缀，就走本地的资源。
      '/api':{
        target:'http://localhost:5000',
        /**
         * 如果我们的请求路径是
         * http://localhost:5000/api/student
         * 毫无疑问会走这里，但是代理服务器仍然会将
         * api/student 发送到 5000端口服务器上
         * 因为5000端口只有student这个资源
         * 并没有api/student这个资源，所以会404
         * 所以我们需要有这个配置，pathRewrite
         * 正则匹配，将所有的api开头的路径，变成空字符串来保证完整性
         */
        pathRewrite:{'^/api':''},
        // 是否支持websocket ，默认是true
        ws:true,
        // 当代理服务器请求对应的资源服务器的时候，会将host字段修改为对于的地址
        // 为true时，则会自动修改成对于的服务器，如果是false则会变成真实的地址
        // true:localhost:5000 false:localhost:8080
        // 默认true，但是在脚手架中默认是false，所以如果目标服务只允许自己的服务器请求的话，请配置成true
        changeOrigin:true
      },
      '/foo':{
        target:'http://localhost:5001'
      }
    }
  }

})
